<template>
    <div id="root">
        <slot></slot>
        <h1>这是child1组件</h1>
        <ul>
            <li>哇哈哈阿里</li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "Child1",
        created() {
            console.log("这是child1组件的创建")
        },
        beforeDestroy() {
            console.log("这child1组件的即将被销毁")
        }
    }
</script>

<style scoped>
#root{
    border: brown 30px solid;
}
</style>